<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:p="http://primefaces.org/ui"
      xmlns:cote="http://java.sun.com/jsf/composite/componentes">

    <ui:composition template="/plantillas/plantillaPrincipal.xhtml">
        <ui:define name="contenido">
            <f:view>
                <h:form id="formulario">
                    <p:panel header="Registrar Orden de Servicio" style="width:85%;margin: 10px auto;">

                        <p:panelGrid style="width:100%;margin: 10px auto;" id="panelOrdenCS"> 

                            <p:row>
                                <p:column style="width: 150px">
                                    <h:outputLabel id="lblOrdenPedido" value="CÓDIGO OP: " styleClass="lblForm" />
                                </p:column>
                                <p:column>
                                    <p:selectOneMenu id="cbxOrdenPedido" rendered="#{BKOrdenServicio.comando.nombre eq 'Actualizar'?false:true}"
                                                     value="#{BKOrdenServicio.ordenServicioFormulario.idOrdenPedido.id}" 
                                                     style="width: 140px" filter="#{BKOrdenServicio.listaOrdenesPedido.size() gt 10}" 
                                                     filterMatchMode="contains" > 
                                        <f:selectItem itemLabel="Seleccionar" itemValue="0" /> 
                                        <f:selectItems value="#{BKOrdenServicio.listaOrdenesPedido}" var="ordenP" 
                                                       itemLabel="#{ordenP.codigoOrdenPedido}" itemValue="#{ordenP.id}" />	
                                        <p:ajax listener="#{MBOrdenServicio.buscarProductosDePedido}" process="@this" 
                                                update="cbxProductos cbxServicio cbxProveedor fstDatosProveedor btnAgregarArticulo" />
                                    </p:selectOneMenu>
                                    <h:outputText rendered="#{BKOrdenServicio.comando.nombre eq 'Actualizar'}" class="negrita"
                                                  value="#{BKOrdenServicio.ordenServicioFormulario.idOrdenPedido.codigoOrdenPedido}"> 
                                    </h:outputText>

                                    <p:message for="cbxOrdenPedido" display="text"/>	
                                </p:column>

                                <p:column style="width: 150px" rendered="false" >
                                    <h:outputLabel id="lblProducto" value="PRODUCTO(*): " styleClass="lblForm" />
                                </p:column>
                                <p:column  rendered="false">
                                    <p:selectOneMenu id="cbxProductos" required="true"  rendered="#{BKOrdenServicio.comando.nombre eq 'Actualizar'?false:true}"
                                                     value="#{BKOrdenServicio.ordenServicioFormulario.productoPedido}" 
                                                     style="width: 220px"> 
                                        <f:selectItem itemLabel="Seleccionar" itemValue="" /> 
                                        <f:selectItems value="#{BKOrdenServicio.listaProductosPorPedido}" var="prod" 
                                                       itemLabel="#{prod}" itemValue="#{prod}" />
                                        <p:ajax listener="#{MBOrdenServicio.buscarDetalles}" update="cbxServicio cbxProveedor fstDatosProveedor btnAgregarArticulo" />
                                    </p:selectOneMenu>
                                    <h:outputText rendered="#{BKOrdenServicio.comando.nombre eq 'Actualizar'}" class="negrita"
                                                  value="#{BKOrdenServicio.ordenServicioFormulario.productoPedido}"> 
                                    </h:outputText>
                                    <p:message for="cbxProductos" display="text"/>	
                                </p:column>

                            </p:row>

                            <p:row id="rowCategoria">
                                <p:column >
                                    <h:outputLabel id="lblServicio" value="SERVICIO(*): " styleClass="lblForm" />
                                </p:column>
                                <p:column>
                                    <p:autoComplete onkeyup="cambiarMayuscula(this)" value="#{BKOrdenServicio.servicioFormulario}" 
                                                    size="25"
                                                    completeMethod="#{MBOrdenServicio.buscarServicio}" 
                                                    id="cbxServicio" var="servicio" itemLabel="#{servicio.nombre}" dropdown="true"
                                                    itemValue="#{servicio}" converter="#{servicioConverter}" forceSelection="true">
                                        <p:ajax listener="#{MBOrdenServicio.seleccionarServicio}" event="itemSelect" 
                                                update="cbxProveedor,btnAgregarArticulo" /> 
                                    </p:autoComplete>

                                    <p:commandButton styleClass="btn_agregar" icon="ui-icon-plus" title="Agregar Servicio" immediate="true" ajax="false" onclick="this.form.target='_blank'" action="#{MBServicio.nuevo()}">
                                    </p:commandButton>
                                    <p:message for="cbxServicio" display="text"/>

                                </p:column>
                                <p:column colspan="2">
                                    <p:commandButton value="BUSCAR OS ANTIGUA" styleClass="ui-priority-primary" id="btnBuscarOrdenServicioAntigua"
                                                     rendered="#{BKOrdenServicio.comando.nombre eq 'Guardar'}"
                                                     actionListener="#{MBOrdenServicio.inicializarBusquedaAntigua}" immediate="true"
                                                     oncomplete="buscarAntiguo.show()" update=":formularioAntiguoOC:panelAntiguo"/>
                                </p:column>
                            </p:row>

                            <p:row>
                                <p:column>
                                    <h:outputLabel id="lblProveedor" value="PROVEEDOR(*): " styleClass="lblForm" />
                                </p:column>
                                <p:column>
                                    <p:autoComplete value="#{BKOrdenServicio.ordenServicioFormulario.idProveedor}" onkeyup="cambiarMayuscula(this)" 
                                                    completeMethod="#{MBOrdenServicio.buscarProveedor}" style="float: left" label="Buscar Proveedor" 
                                                    dropdown="true" disabled="#{BKOrdenServicio.ordenServicioFormulario.servicio eq null}" 
                                                    id="cbxProveedor" var="proveedor"  size="25" itemLabel="#{proveedor.razonSocial}" rendered="false"
                                                    itemValue="#{proveedor}" converter="#{proveedorRSConverter}" forceSelection="true">
                                        <p:ajax update="fstDatosProveedor" event="blur" process="@this" listener="#{MBOrdenServicio.elegirProveedor}" /> 
                                    </p:autoComplete>
                                    <p:inputText id="txtProveedor" readonly="true" size="25" 
                                                 value="#{BKOrdenServicio.ordenServicioFormulario.idProveedor.razonSocial}" />
                                    <cote:componenteFindProveedor id="findProveedor" 
                                                                  lblbtnfind="Buscar"                                                                                                      
                                                                  update=":formulario:fstDatosProveedor,:formulario:txtProveedor"/>
                                    <p:commandButton styleClass="btn_agregar" icon="ui-icon-plus" title="Agregar Proveedor" immediate="true" ajax="false" onclick="this.form.target='_blank'" action="#{MBProveedor.nuevo()}">
                                    </p:commandButton>
                                    <p:message for="cbxProveedor" display="text"/>
                                </p:column>
                                <p:column>
                                    <h:outputLabel id="lblFechaEmision" value="FECHA EMISION(*): " styleClass="lblForm" />
                                </p:column>
                                <p:column>
                                    <p:calendar id="calendarFechaEmision" value="#{BKOrdenServicio.ordenServicioFormulario.fechaEmision}" 
                                                pattern="dd/MM/yyyy" maxdate="#{BKOrdenServicio.ordenServicioFormulario.plazoEntrega}"
                                                showOn="button" showButtonPanel="true" navigator="true" size="12"
                                                required="true" locale="es">
                                        <p:ajax event="dateSelect" listener="#{MBOrdenServicio.marcarInicio}" update="calendarFechaEntrega,txtDias" />
                                    </p:calendar>
                                    <p:message for="calendarFechaEmision" display="text"/>
                                </p:column>
                            </p:row>

                            <p:row>
                                <p:column colspan="4">
                                    <p:fieldset id="fstDatosProveedor" legend="Datos del Proveedor" toggleable="true">
                                        <p:panelGrid style="width: 100%">
                                            <p:row>
                                                <p:column>
                                                    <h:outputLabel id="lblContacto" value="CONTACTO(*): " styleClass="lblForm" />
                                                </p:column>
                                                <p:column>
                                                    <p:autoComplete onkeyup="cambiarMayuscula(this)" value="#{BKOrdenServicio.ordenServicioFormulario.contacto}" 
                                                                    completeMethod="#{MBOrdenServicio.buscarContacto}" 
                                                                    id="cbxContacto" var="contacto" itemLabel="#{contacto}" 
                                                                    itemValue="#{contacto}" forceSelection="false" dropdown="true"
                                                                    disabled="#{BKOrdenServicio.ordenServicioFormulario.idProveedor eq null}">
                                                        <p:ajax listener="#{MBOrdenServicio.seleccionarContacto}" event="itemSelect" update="txtTelefono" /> 
                                                    </p:autoComplete>

                                                    <p:commandButton styleClass="btn_agregar" icon="ui-icon-plus" title="Agregar Contacto" id="lnkAgregar"
                                                                     disabled="#{BKOrdenServicio.ordenServicioFormulario.idProveedor eq null}"
                                                                     immediate="true" ajax="false" onclick="this.form.target='_blank'" action="#{MBProveedor.editar()}">
                                                        <f:setPropertyActionListener target="#{BKProveedor.proveedorFormulario}" value="#{BKOrdenServicio.ordenServicioFormulario.idProveedor}"  />
                                                    </p:commandButton>
                                                    <p:message for="cbxContacto" display="text"/>
                                                </p:column>
                                                <p:column>
                                                    <h:outputLabel id="lblTelefono" value="TELEFONO(*): " styleClass="lblForm" />
                                                </p:column>
                                                <p:column>
                                                    <p:inputText id="txtTelefono" required="true" maxlength="30"
                                                                 value="#{BKOrdenServicio.ordenServicioFormulario.telefono}" />
                                                    <p:message for="txtTelefono" display="text"/>	
                                                </p:column>
                                            </p:row>


                                            <p:row>

                                                <p:column>
                                                    <h:outputLabel id="lblDireccion" value="DIRECCION(*): " styleClass="lblForm" />
                                                </p:column>
                                                <p:column>
                                                    <p:inputTextarea id="txtDireccion" required="true"  style="width: 100%;height: 50px" maxlength="120"
                                                                     value="#{BKOrdenServicio.ordenServicioFormulario.direccion}" 
                                                                     disabled="#{BKOrdenServicio.ordenServicioFormulario.idProveedor eq null}"/>
                                                    <p:message for="txtDireccion" display="text"/>	
                                                </p:column>

                                                <p:column>
                                                    <h:outputLabel id="lblMoneda" value="MONEDA(*): " styleClass="lblForm" />
                                                </p:column>
                                                <p:column>
                                                    <p:selectOneMenu id="cbxMoneda" required="true"
                                                                     value="#{BKOrdenServicio.ordenServicioFormulario.idTipoMoneda.id}" 
                                                                     disabled="#{BKOrdenServicio.ordenServicioFormulario.idProveedor eq null}" > 
                                                        <f:selectItem itemLabel="Seleccionar" itemValue="0" /> 
                                                        <f:selectItems value="#{BKOrdenServicio.listaTipoMoneda}" var="mon" 
                                                                       itemLabel="#{mon.nombre}" itemValue="#{mon.id}"/>
                                                        <p:ajax listener="#{MBOrdenServicio.elegirMoneda}" process="@this" />
                                                    </p:selectOneMenu>
                                                    <p:message for="cbxMoneda" display="text"/>
                                                </p:column>
                                            </p:row>
                                        </p:panelGrid>
                                    </p:fieldset>
                                </p:column>
                            </p:row>

                            <p:row>
                                <p:column >
                                    <h:outputLabel id="lblMerma" value="% de MERMA(*): " styleClass="lblForm" />
                                </p:column>
                                <p:column>
                                    <p:inputText onkeyup="cambiarMayuscula(this)" id="txtPorcentMerma" required="true"
                                                 value="#{BKOrdenServicio.ordenServicioFormulario.porcentajeMerma}" />
                                    <p:message for="txtPorcentMerma" display="text"/>
                                </p:column>
                            </p:row>

                            <p:row >
                                <p:column>
                                    <h:outputText value="¿Crear Partidas? " styleClass="lblForm" />
                                </p:column>
                                <p:column>
                                    <p:selectOneRadio id="options" disabled="#{BKOrdenServicio.listaDetalleOrdenCompraServicio ne null}"
                                                      value="#{BKOrdenServicio.ordenServicioFormulario.crearPartidas}">  
                                        <f:selectItem itemLabel="Sí" itemValue="1" />  
                                        <f:selectItem itemLabel="No" itemValue="0" /> 
                                        <p:ajax process="@this" update=":formulario:dataTablaDetalleOrden" />
                                    </p:selectOneRadio> 
                                </p:column>
                            </p:row>

                            <p:row>
                                <p:column colspan="4" >
                                    <p:fieldset id="pnlDetalle" legend="Detalle Orden de Servicio" toggleable="true" style="width:100%;margin: 10px auto;">
                                        <p:panelGrid style="width:100%;margin: 10px auto;">
                                            <p:row>
                                                <p:column colspan="8" >
                                                    <p:commandButton value="AGREGAR ARTICULO" styleClass="ui-priority-primary" id="btnAgregarArticulo"
                                                                     actionListener="#{MBDetalleOrdenServicio.nuevoDetalle}" immediate="true"
                                                                     oncomplete="agregarDetalle.show()" update=":formularioDetalleOC:panelDetalle" 
                                                                     disabled="#{BKOrdenServicio.ordenServicioFormulario.servicio eq null?'true':'false'}"/>
                                                </p:column>
                                            </p:row>
                                            <p:row>
                                                <p:column colspan="8" >
                                                    <p:dataTable id="dataTablaDetalleOrden" var="detalle" widgetVar="carsTable"
                                                                 value="#{BKOrdenServicio.listaDetalleOrdenCompraServicio}" 
                                                                 emptyMessage="No se encontro detalle de la orden" filteredValue="" rowIndexVar="rowIndex"
                                                                 paginator="true" rows="10" paginatorTemplate="{CurrentPageReport}  {FirstPageLink} {PreviousPageLink} 
                                                                 {PageLinks} {NextPageLink} {LastPageLink} {RowsPerPageDropdown}" rowsPerPageTemplate="5,10,15"> 

                                                        <p:column id="idColumnaNum"	headerText="Num." style="width: 5%"> 
                                                            <h:outputText value="#{rowIndex+1}" /> 
                                                        </p:column>

                                                        <p:column id="idDescripcion"
                                                                  headerText="Descripcion"  
                                                                  filterMatchMode="contains"> 
                                                            <h:outputText value="#{detalle.nombreArticulo}" /> 
                                                        </p:column>

                                                        <p:column > 
                                                            <h:graphicImage value="/ordenCS/#{detalle.imagen}" style="height: 40px;width: auto"  />
                                                        </p:column>

                                                        <p:column id="idUnidadMedida"
                                                                  headerText="UM"  
                                                                  filterMatchMode="contains"> 
                                                            <h:outputText value="#{detalle.unidadMedidaForm}" /> 
                                                        </p:column>

                                                        <p:column id="idCantidad"
                                                                  headerText="Cant."  
                                                                  filterMatchMode="contains"> 
                                                            <h:outputText value="#{detalle.cantidadForm}" style="float: right" >
                                                                <f:convertNumber pattern="#0.00"/>
                                                            </h:outputText> 
                                                        </p:column>

                                                        <p:column id="idPrecio"
                                                                  headerText="Precio"  
                                                                  filterMatchMode="contains"> 
                                                            <h:outputText value="#{detalle.precioForm}" style="float: right" >
                                                                <f:convertNumber pattern="#0.00"/>
                                                            </h:outputText> 
                                                        </p:column>

                                                        <p:column id="idSubTotal" 
                                                                  headerText="Sub Total"  
                                                                  filterMatchMode="contains"> 
                                                            <h:outputText value="#{detalle.subTotal}" style="float: right" >
                                                                <f:convertNumber pattern="#0.00"/>
                                                            </h:outputText>
                                                        </p:column>

                                                        <p:column id="idObservacion"
                                                                  headerText="Observacion"  
                                                                  filterMatchMode="contains"> 
                                                            <h:outputText value="#{detalle.observacion}" /> 
                                                        </p:column>

                                                        <p:column id="idAccionesCuentaBancaria" headerText="Acciones" >
                                                            <p:commandButton id="btnEditarDetalle" icon="ui-icon-pencil" title="Editar" 
                                                                             oncomplete="agregarDetalle.show()" immediate="true" ajax="true" 
                                                                             update=":formularioDetalleOC:panelDetalle" action="#{MBDetalleOrdenServicio.editarDetalle}">
                                                                <f:setPropertyActionListener value="#{detalle}" target="#{BKDetalleOrdenCompraServicio.detalleOrdenCSFormulario}" />
                                                            </p:commandButton> 

                                                            <p:commandButton id="btnEliminarDetalle" title="Eliminar" icon="ui-icon-trash"  oncomplete="confirmacion.show()" immediate="true">
                                                                <f:setPropertyActionListener value="#{detalle}" target="#{BKDetalleOrdenCompraServicio.detalleOrdenCSSeleccionado}" />
                                                            </p:commandButton>
                                                            <p:commandButton id="btnPartidaDetalle" title="Armar Partidas" icon="ui-icon-calculator" immediate="true"
                                                                             oncomplete="armarPartida.show()" update=":formPartidasOS:panelPartida" 
                                                                             disabled="#{BKOrdenServicio.ordenServicioFormulario.crearPartidas eq 0}"
                                                                             action="#{MBPartidaDespacho.inciarPartidas}">
                                                                <f:setPropertyActionListener value="#{detalle}" target="#{BKPartidaDespacho.detalleOrdenCSCurrent}" />
                                                            </p:commandButton>
                                                        </p:column>

                                                    </p:dataTable>
                                                </p:column>
                                            </p:row>
                                            <p:row>
                                                <p:column>
                                                    <h:outputLabel id="lblValorVenta" value="VALOR DE VENTA: " styleClass="lblForm" />
                                                </p:column>
                                                <p:column colspan="3"> 
                                                    <p:inputText id="txtValorVenta" style="" readonly="true"
                                                                 value="#{BKOrdenServicio.ordenServicioFormulario.subtotal}">
                                                        <f:convertNumber pattern="#0.00"/>
                                                    </p:inputText>
                                                </p:column>

                                            </p:row>
                                            <p:row>
                                                <p:column>
                                                    <h:outputLabel id="lblIGV" value="IGV (18%): " styleClass="lblForm" />
                                                </p:column>
                                                <p:column colspan="3">
                                                    <p:inputText id="txtIGV" readonly="true"
                                                                 value="#{BKOrdenServicio.ordenServicioFormulario.igv}" >
                                                        <f:convertNumber pattern="#0.00"/>
                                                    </p:inputText>
                                                </p:column>
                                            </p:row>
                                            <p:row>
                                                <p:column>
                                                    <h:outputLabel id="lblTotalGral" value="TOTAL GENERAL: " styleClass="lblForm" />
                                                </p:column>
                                                <p:column >
                                                    <p:inputText id="txtTotalGral" readonly="true"
                                                                 value="#{BKOrdenServicio.ordenServicioFormulario.total}" >
                                                        <f:convertNumber pattern="#0.00"/>
                                                    </p:inputText>
                                                </p:column>
                                                <p:column colspan="2">
                                                    <h:outputLabel id="lblImporteTotal" value="SON: " styleClass="lblForm" />
                                                    <p:inputText id="txtImporteTotal" readonly="true" style="width: 100%"
                                                                 value="#{BKOrdenServicio.ordenServicioFormulario.expresionTotal}" />
                                                </p:column>
                                            </p:row>
                                        </p:panelGrid>
                                    </p:fieldset>
                                </p:column>


                            </p:row>
                            <p:row>
                                <p:column >
                                    <h:outputLabel id="lblFechaEntrega" value="PLAZO DE ENTREGA: " styleClass="lblForm" />
                                </p:column>
                                <p:column colspan="3">
                                    <p:calendar id="calendarFechaEntrega" value="#{BKOrdenServicio.ordenServicioFormulario.plazoEntrega}" showOn="button" showButtonPanel="true"
                                                pattern="dd/MM/yyyy" mindate="#{BKOrdenServicio.ordenServicioFormulario.fechaEmision}" locale="es"
                                                disabled="#{BKOrdenServicio.ordenServicioFormulario.fechaEmision eq null?'true':'false'}" navigator="true" >
                                        <p:ajax event="dateSelect" listener="#{MBOrdenServicio.marcarFin}" update="calendarFechaEmision,txtDias" />
                                    </p:calendar>
                                    <h:outputLabel id="txtDias" value="#{BKOrdenServicio.ordenServicioFormulario.diasPlazo}" 
                                                   style="margin: 0 10px;width: 30px"/>d&iacute;a(s)
                                    <p:message for="calendarFechaEntrega" display="text"/>	

                                </p:column>
                            </p:row>
                            <p:row>
                                <p:column>
                                    <h:outputLabel id="lblLugarEntrega" value="LUGAR DE ENTREGA: " styleClass="lblForm" />
                                </p:column>
                                <p:column colspan="2">
                                    <p:inputTextarea id="txtLocal" style="width: 100%"  maxlength="250" rows="3" cols="70"
                                                     value="#{BKOrdenServicio.ordenServicioFormulario.lugarEntrega}"/>

                                </p:column>
                                <p:column>
                                    <p:commandButton value="BUSCAR DIRECCION" styleClass="ui-priority-primary" id="btnBuscarDireccion"
                                                     actionListener="#{MBCompBuscarDireccion.inicializarBusquedaDireccion}" immediate="true"
                                                     onclick="buscarDireccion.show()" update=":formDireccion:panelDireccion"/>
                                </p:column>
                            </p:row>


                            <p:row>
                                <p:column colspan="4" >
                                    <p:fieldset toggleable="true" legend="Negociacion de Pago" style="width:100%;margin: 10px auto;" >
                                        <p:panelGrid style="width:100%;margin: 10px auto;">
                                            <p:row>
                                                <p:column>
                                                    <h:outputLabel id="lblTipoPago" value="FORMA DE PAGO(*): " styleClass="lblForm" />
                                                </p:column>
                                                <p:column>
                                                    <p:selectOneMenu id="cbxFormaPago" required="true" 
                                                                     value="#{BKOrdenServicio.ordenServicioFormulario.formaPago.nombre}"> 
                                                        <f:selectItem itemLabel="Seleccionar" itemValue="" /> 
                                                        <f:selectItems value="#{BKOrdenServicio.listaFormaPago}" var="forma" 
                                                                       itemLabel="#{forma.nombre}" itemValue="#{forma.nombre}"/>
                                                        <p:ajax update="cbxTipoPago,txtDiasPago" process="@this" listener="#{MBOrdenServicio.elegirFormaPago}" />
                                                    </p:selectOneMenu>
                                                    <p:message for="cbxFormaPago" display="text"/>	
                                                </p:column>
                                                <p:column>
                                                    <h:outputLabel id="lblFormaPago" value="TIPO DE PAGO(*): " styleClass="lblForm" />
                                                </p:column>
                                                <p:column>
                                                    <p:selectOneMenu id="cbxTipoPago" required="true" 
                                                                     value="#{BKOrdenServicio.ordenServicioFormulario.tipoPago}"> 
                                                        <f:selectItem itemLabel="Seleccionar" itemValue="" /> 
                                                        <f:selectItems value="#{BKOrdenServicio.listaTipoPago}" var="tipo" 
                                                                       itemLabel="#{tipo}" itemValue="#{tipo}"/>
                                                    </p:selectOneMenu>
                                                    <p:message for="cbxTipoPago" display="text"/>	
                                                </p:column>
                                            </p:row>   
                                            <p:row>
                                                <p:column>
                                                    <h:outputLabel id="lblDiasPago" value="DIAS PARA PAGAR: " styleClass="lblForm" />
                                                </p:column>
                                                <p:column>
                                                    <p:inputText id="txtDiasPago"  maxlength="3" 
                                                                 disabled="#{BKOrdenServicio.ordenServicioFormulario.formaPago.nombre ne 'CREDITO'}"
                                                                 value="#{BKOrdenServicio.ordenServicioFormulario.diasPago}"/>
                                                    <p:message for="txtDiasPago"/>	
                                                </p:column>

                                                <p:column>
                                                    <h:outputLabel id="lblComentario" value="COMENTARIO: " styleClass="lblForm" />
                                                </p:column>
                                                <p:column>
                                                    <p:inputTextarea id="inTxtComentario" rows="3" cols="45" maxlength="150" 
                                                                     value="#{BKOrdenServicio.ordenServicioFormulario.detallePago}"/>
                                                </p:column>

                                            </p:row>
                                            <p:row rendered="false">
                                                <p:column>
                                                    <h:outputLabel id="lblDiasLibre" value="DIAS LIBRES: " styleClass="lblForm"  />
                                                </p:column>
                                                <p:column >
                                                    <p:inputText id="txtDiasLibre" maxlength="3"
                                                                 value="#{BKOrdenServicio.ordenServicioFormulario.diasLibres}"/>
                                                    <p:message for="txtDiasPago"/>
                                                </p:column>

                                            </p:row>


                                        </p:panelGrid>

                                    </p:fieldset>
                                </p:column>


                            </p:row>
                            <p:row>
                                <p:column>
                                    <h:outputLabel id="lblObservacionGeneral" value="OBSERVACION: " styleClass="lblForm" />
                                </p:column>
                                <p:column colspan="3">

                                    <p:editor id="txtObservacionGeneral" value="#{BKOrdenServicio.ordenServicioFormulario.observacion}" width="650"
                                              controls="bold italic underline | size"  height="120" />  

                                </p:column>
                            </p:row>

                            <p:row rendered="#{BKOrdenServicio.ordenServicioFormulario.estadoOrden eq 'A'}">
                                <p:column>
                                    <h:outputLabel id="lblComentarioEdicion" value="COMENTARIO EDICIÓN(*): " styleClass="lblForm" />
                                </p:column>
                                <p:column colspan="3">
                                    <p:inputTextarea id="txtComentarioEdicion" style="width: 100%"  maxlength="250" rows="3" cols="70"
                                                     required="true"
                                                     value="#{BKOrdenServicio.ordenServicioFormulario.comentarioEdicion}"/>
                                    <p:message for="txtComentarioEdicion" display="text" />

                                </p:column>
                            </p:row>

                        </p:panelGrid>


                        <p:panelGrid style="width:40%;margin: 10px auto;">

                            <p:row>
                                <p:column>
                                    <p:commandButton  action="#{BKOrdenServicio.comando.aceptar()}" ajax="false" value="#{BKOrdenServicio.comando.nombre} 
                                                      #{BKOrdenServicio.estadoOrdenCompraServicio eq 'B'?'Borrador':''}"/>
                                </p:column>
                                <p:column>
                                    <p:commandButton  ajax="false" value="Emitir" id="btnEmitir" action="#{MBOrdenServicio.emitirOrden()}"
                                                      rendered="#{BKOrdenServicio.estadoOrdenCompraServicio eq 'B'}"
                                                      disabled="#{BKOrdenServicio.listaDetalleOrdenCompraServicio eq null}"/>
                                </p:column>
                                <p:column>
                                    <p:commandButton action="#{MBOrdenServicio.cancelar()}" ajax="false" immediate="true" value="Cancelar"/>
                                </p:column>
                            </p:row>	

                        </p:panelGrid>

                        <h:panelGrid styleClass="mensaje_obligatorio">(*) Campos Requeridos</h:panelGrid>

                    </p:panel>	

                    <p:confirmDialog id="dlgEliminarDetalle" message="#{message['dialog.confirmacion.mensaje']}" 
                                     header="#{message['dialog.confirmacion.header']}" severity="alert" widgetVar="confirmacion">
                        <h:panelGrid style="width: auto;margin:0px auto;border:0px;padding: 0 5px" columns="2">
                            <p:commandButton id="btnConfEliDetalle" update="pnlDetalle,btnEmitir,cbxProveedor,
                                             cbxServicio,options,bloques" value="Si"  oncomplete="confirmacion.hide()"  
                                             actionListener="#{MBDetalleOrdenServicio.eliminarDetalle}" style="text-align: center" immediate="true" />  
                            <p:commandButton id="btnCancEliDetalle" value="No" onclick="confirmacion.hide()" type="button" style="text-align: center" />   
                        </h:panelGrid>
                    </p:confirmDialog>	


                    <h:panelGrid id="bloques">
                        <p:blockUI block="cbxServicio" id="blkSer" 
                                   blocked="#{BKOrdenServicio.listaDetalleOrdenCompraServicio eq null?'false':'true'}"/>  

                        <p:blockUI block="cbxProveedor" id="blkPro" rendered="false"
                                   blocked="#{BKOrdenServicio.listaDetalleOrdenCompraServicio eq null?'false':'true'}"/>

                        <p:blockUI block="options" id="blkOpt"
                                   blocked="#{BKOrdenServicio.listaDetalleOrdenCompraServicio eq null?'false':'true'}"/>
                    </h:panelGrid>
                </h:form>

                <p:dialog widgetVar="agregarDetalle" id="panAgregarDetalle" header="Detalle Orden Servicio" modal="true" >
                    <ui:include src="detalleOrdenServicio.xhtml" /> 
                </p:dialog>

                <p:dialog widgetVar="buscarAntiguo"  header="Buscar Orden Servicio Antigua" modal="true" >
                    <ui:include src="buscarOrdenServicioAntigua.xhtml" /> 
                </p:dialog>

                <p:dialog widgetVar="buscarDireccion"  header="Buscar Direccion" modal="true" >
                    <ui:include src="../../../general/direccion.xhtml" /> 
                </p:dialog>

                <p:dialog widgetVar="armarPartida" header="Partida" modal="true"  >
                    <ui:include src="partidasOS.xhtml" /> 
                </p:dialog>

            </f:view>
        </ui:define>

    </ui:composition>
</html>